<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <meta http-equiv="content-language" content="en" />
        <meta name="robots" content="noindex,nofollow" />
        <link rel="stylesheet" media="screen,projection" type="text/css" href="css/reset.css" /> <!-- RESET -->
        <link rel="stylesheet" media="screen,projection" type="text/css" href="css/main.css" /> <!-- MAIN STYLE SHEET -->
        <link rel="stylesheet" media="screen,projection" type="text/css" href="css/2col.css" title="2col" /> <!-- DEFAULT: 2 COLUMNS -->
        <link rel="alternate stylesheet" media="screen,projection" type="text/css" href="css/1col.css" title="1col" /> <!-- ALTERNATE: 1 COLUMN -->
        <!--[if lte IE 6]><link rel="stylesheet" media="screen,projection" type="text/css" href="css/main-ie6.css" /><![endif]--> <!-- MSIE6 -->
        <link rel="stylesheet" media="screen,projection" type="text/css" href="css/style.css" /> <!-- GRAPHIC THEME -->
        <link rel="stylesheet" media="screen,projection" type="text/css" href="css/mystyle.css" /> <!-- WRITE YOUR CSS CODE HERE -->
        <script type="text/javascript" src="js/jquery.js"></script>
        <script type="text/javascript" src="js/jquery.tablesorter.js"></script>
        <script type="text/javascript" src="js/jquery.switcher.js"></script>
        <script type="text/javascript" src="js/toggle.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $.tablesorter.defaults.widgets = ['zebra']; // extend the default setting to always include the zebra widget.
                $.tablesorter.defaults.sortList = [[0,0]]; // extend the default setting to always sort on the first column
                $("table").tablesorter({
                    headers: {
                        4: { sorter: false }
                    }
                });
            });
        </script>
        <title>Fotos</title>
    </head>

    <body>

        <div id="main">
            <?php include 'includes/header.php' ?>
            <hr class='noscreen' />
            <!-- Menu -->
            <?php include 'includes/menu.php' ?>
        </div> <!-- /header -->
        <hr class="noscreen" />

        <!-- Columns -->
        <div id='cols' class='box'>
        <?php include 'includes/left-column.php' ?>
        </div> <!-- /aside -->
        <hr class="noscreen" />

            <!-- Content (Right Column) -->
            <div id="content" class="box">

                <h1>Arquivos</h1>

                <!-- Button: Upload files -->
                <p class="box"><a href="javascript:toggle('upload');" class="btn-create"><span>Upload Arquivos</span></a></p>

                <!-- Upload -->
                <div id="upload" class="box-01" style="display:none;">

                    <form action="#" method="post">

                        <p class="nom"><label>Nome do Animal</label><input type="text" size="90" name="" class="input-text" /></p>
                        <p class="nom"><input type="file" size="90" name="" class="input-text" /></p>
                        <p class="nom"><input type="file" size="90" name="" class="input-text" /></p>
                        <p class="nom"><input type="file" size="90" name="" class="input-text" /></p>
                        <p class="nom"><input type="file" size="90" name="" class="input-text" /></p>
                        <p class="nom"><input type="file" size="90" name="" class="input-text" /></p>

                        <p><a href="javascript:toggle('uploadmore');" class="ico-list">Upload more files</a></p>

                        <!-- Upload more files -->
                        <div id="uploadmore" style="display:none;">
                            <p class="nom"><input type="file" size="90" name="" class="input-text" /></p>
                            <p class="nom"><input type="file" size="90" name="" class="input-text" /></p>
                            <p class="nom"><input type="file" size="90" name="" class="input-text" /></p>
                            <p class="nom"><input type="file" size="90" name="" class="input-text" /></p>
                            <p class="nom"><input type="file" size="90" name="" class="input-text" /></p>
                        </div> <!-- /uploadmore -->

                        <p class="nom">
                            <input type="submit" value="Upload" class="input-submit" />
                            <input type="reset" value="Clear" class="input-submit" />
                        </p>

                    </form>

                </div> <!-- /upload -->

                <div class="box-03 pdf box">

                    <h2 class="nomb"><a href="#">PDF</a></h2>
                    <p class="nomt">There are <strong>5 files</strong> in this folder.</p>

                    <table class="tablesorter"> <!-- Sort this TABLE -->
                        <thead>
                            <tr>
                                <th>Filename</th>
                                <th>Size (KB)</th>
                                <th>Uploaded</th>
                                <th>Author</th>
                                <th>Options</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>MyDocument.pdf</td>
                                <td>5.550</td>
                                <td>Aug 20, 2008 11:14 AM</td>
                                <td><a href="#">Carl</a></td>
                                <td><a href="#"><img src="design/ico-delete.gif" class="ico" alt="Delete" title="Delete" /></a> <a href="#"><img src="design/ico-edit.gif" class="ico" alt="Edit" title="Edit" /></a> <a href="#"><img src="design/ico-show.gif" class="ico" alt="Show" title="Show" /></a></td>
                            </tr>
                            <tr>
                                <td>Presentation.pdf</td>
                                <td>2.350</td>
                                <td>Aug 19, 2008 11:57 AM</td>
                                <td><a href="#">John</a></td>
                                <td><a href="#"><img src="design/ico-delete.gif" class="ico" alt="Delete" title="Delete" /></a> <a href="#"><img src="design/ico-edit.gif" class="ico" alt="Edit" title="Edit" /></a> <a href="#"><img src="design/ico-show.gif" class="ico" alt="Show" title="Show" /></a></td>
                            </tr>
                            <tr>
                                <td>Vacation2009.pdf</td>
                                <td>8.130</td>
                                <td>Jul 14, 2006 06:55 AM</td>
                                <td><a href="#">Matt</a></td>
                                <td><a href="#"><img src="design/ico-delete.gif" class="ico" alt="Delete" title="Delete" /></a> <a href="#"><img src="design/ico-edit.gif" class="ico" alt="Edit" title="Edit" /></a> <a href="#"><img src="design/ico-show.gif" class="ico" alt="Show" title="Show" /></a></td>
                            </tr>
                            <tr>
                                <td>Finance-February09.pdf</td>
                                <td>7.910</td>
                                <td>Mar 14, 2008 08:41 AM</td>
                                <td><a href="#">Elisha</a></td>
                                <td><a href="#"><img src="design/ico-delete.gif" class="ico" alt="Delete" title="Delete" /></a> <a href="#"><img src="design/ico-edit.gif" class="ico" alt="Edit" title="Edit" /></a> <a href="#"><img src="design/ico-show.gif" class="ico" alt="Show" title="Show" /></a></td>
                            </tr>
                            <tr>
                                <td>Payments.pdf</td>
                                <td>6.350</td>
                                <td>Mar 14, 2008 08:41 PM</td>
                                <td><a href="#">Robert</a></td>
                                <td><a href="#"><img src="design/ico-delete.gif" class="ico" alt="Delete" title="Delete" /></a> <a href="#"><img src="design/ico-edit.gif" class="ico" alt="Edit" title="Edit" /></a> <a href="#"><img src="design/ico-show.gif" class="ico" alt="Show" title="Show" /></a></td>
                            </tr>
                            <tr>
                                <td>Payments2.pdf</td>
                                <td>11.970</td>
                                <td>Feb 23, 2009 07:35 AM</td>
                                <td><a href="#">Robert</a></td>
                                <td><a href="#"><img src="design/ico-delete.gif" class="ico" alt="Delete" title="Delete" /></a> <a href="#"><img src="design/ico-edit.gif" class="ico" alt="Edit" title="Edit" /></a> <a href="#"><img src="design/ico-show.gif" class="ico" alt="Show" title="Show" /></a></td>
                            </tr>
                            <tr>
                                <td>Payments3.pdf</td>
                                <td>10.780</td>
                                <td>Jul 6, 2006 09:14 AM</td>
                                <td><a href="#">Carl</a></td>
                                <td><a href="#"><img src="design/ico-delete.gif" class="ico" alt="Delete" title="Delete" /></a> <a href="#"><img src="design/ico-edit.gif" class="ico" alt="Edit" title="Edit" /></a> <a href="#"><img src="design/ico-show.gif" class="ico" alt="Show" title="Show" /></a></td>
                            </tr>
                        </tbody>
                    </table>

                </div> <!-- /box-03 -->

                <div class="box-03 doc box">

                    <h2 class="nomb"><a href="#">Documents</a></h2>
                    <p class="nomt low"><em>This folder is empty.</em></p>

                </div> <!-- /box-03 -->

                <div class="box-03 xls box">

                    <h2 class="nomb"><a href="#">Sheets</a></h2>
                    <p class="nomt low"><em>This folder is empty.</em></p>

                </div> <!-- /box-03 -->

                <div class="box-03 img box">
                    <h2 class="nomb"><a href="#">Images</a></h2>
                    <p class="nomt low"><em>This folder is empty.</em></p>
                </div> <!-- /box-03 -->

                <div class="box-03 mp3 box">
                    <h2 class="nomb"><a href="#">MP3</a></h2>
                    <p class="nomt low"><em>This folder is empty.</em></p>
                </div> <!-- /box-03 -->

                <div class="box-03 zip box">
                    <h2 class="nomb"><a href="#">Archives</a></h2>
                    <p class="nomt low"><em>This folder is empty.</em></p>
                </div> <!-- /box-03 -->

                <div class="box-03 others box">
                    <h2 class="nomb"><a href="#">Others</a></h2>
                    <p class="nomt low"><em>This folder is empty.</em></p>
        </div> <!-- /box-03 -->
    </div> <!-- /content -->
</div> <!-- /cols -->
<hr class="noscreen" />
<!-- Footer -->
<?php include 'includes/footer.php'; ?>